<!--声明html页面-->
<!DOCTYPE html>
<!-- html标签： 页面当中的初始节点  lang="en" : 加载得方式-->
<html lang="en">
<!--head ： 页面的头部（描述当前页面的基本信息，页面的浏览器标题）-->
<head>
    <!--meta ： 附加属性   charset="UTF-8" ： 加载中文-->
    <meta charset="UTF-8">
    <!--title：浏览器标题-->
    <title>Day03</title>
</head>
<!--body：页面的主体内容（所有在页面中看到的内容都写在body中）-->
<body>
<!--设置记号-->
<a name="top"></a>

    <!--h1~h6：页面中的文字标题 （从1到6，依次变小  加粗字体 独占一行）-->
    <h1>Day03天的学习</h1>
    <h2>Day03天的学习</h2>
    <h3>Day03天的学习</h3>
    <h4>Day03天的学习</h4>
    <h5>Day03天的学习</h5>
    <h6>Day03天的学习</h6>

    <!--p：段落标签 （独占一行  与上下内容分开）-->
    段落标签段落标签段落标签段落标签段落标签段落标签
    <p>段落标签段落标签段落标签段落标签段落标签段落标签</p>
    段落标签段落标签段落标签段落标签段落标签段落标签

    <!--hr：水平线-->
    <hr/>

    <!--br：换行标签-->
    换行标签换行标签换行标签换行标签换行标签换行标签换行标签换行标签换行标签
    <br/>换行标签换行标签换行标签换行标签换行标签换行标签换行标签换行标签换行标签
    换行标签换行标签换行标签换行标签换行标签换行标签换行标签换行标签换行标签

    <hr/>
    <!--strong：加粗    i：倾斜   em：斜体-->
    换行标签 <strong>换行标签</strong>换行标签 <i>换行标</i>签换行标签 <em>换行标签换</em>行标签换行标签换行标签

    <!--img:图片  src:引用图片的路径 alt:图片无法加载提示信息 title:鼠标悬浮提示的文本信息
    width:宽度   height:高度  单独设置宽或者高时,会进行等比例缩放-->
    <img src="red.png" alt="haha" title="hehe" width="690" height="2700">

    <!-- a:超链接标签,用来进行点击跳转 href:跳转的目标地址-->
    <a href="http://www.baidu.com">百度</a>
    <!--锚链接(记号跳转 1.设置记号 2.向记号跳转)-->
    <!--找到记号(#当前页面)-->
    <a href="#top">返回顶部</a>

    <!--功能跳转(必须支持这种功能)-->
    <a href="mailto:245027018@qq.com">发送邮件给我</a>


    <!--列表-->
    <!--ol:有序列表  type:设置序列的形式  1,a,A,i,I-->
    <ol type="I">
        <!--li:列表项-->
        <li>水果</li>
        <li>甜点</li>
        <li>盖饭</li>
    </ol>

    <!--ul:无序列表  type:设置排序的形式  square:实心正方形 circle:空心圆 -->
    <ul type="circle">
        <li>无序</li>
        <li>无序</li>
        <li>无序</li>
        <li>无序</li>
    </ul>

    <!--dl:自定义列表-->
    <dl>
        <!--dt:主题,标题-->
        <dt>最新上线</dt>
        <!--dd:内容-->
        <dd>八佰</dd>
        <dd>我和我的家乡</dd>
        <dd>夺冠</dd>
    </dl>


    <!--table:表格  border:边框  cellpadding:单元格中间的边距  cellspacing:单元格中间的空隙-->
    <table border="1" cellpadding="0" cellspacing="0">
        <!--tr:行-->
        <tr>
            <!--td:单元格   align:水平对齐 center居中-->
            <td width="100" height="50" align="center">1</td>
            <td width="100" height="50" align="center">2</td>
            <!--colspan:横向跨列合并-->
            <td width="100" height="50" align="center" colspan="2">3</td>
            <!--<td width="100" height="50" align="center">4</td>-->
        </tr>
        <tr>
            <td width="100" height="50" align="center">5</td>
            <!--rowspan:纵向跨行合并-->
            <td width="100" height="50" align="center" row span="2">6</td>
            <td width="100" height="50" align="center">7</td>
            <td width="100" height="50" align="center">8</td>
        </tr>
        <tr>
            <td width="100" height="50" align="center">9</td>
            <!--<td width="100" height="50" align="center">10</td>-->
            <td width="100" height="50" align="center">11</td>
            <td width="100" height="50" align="center">12</td>
        </tr>
    </table>


</body>

</html>